// base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;

//sideBar配色
// $menuTextColor: rgb(126, 123, 123); //菜单文字颜色
// $menuActiveTextColor: rgb(43, 136, 243); //菜单文字active颜色
// $subMenuActiveText: rgb(126, 123, 123); //目录文字active颜色
// $sideBarBg: #ffffff; //侧边背景
// $menuBg: none; //菜单背景
// $subMenuBg: none; //目录背景
// $menuHover: rgb(0, 0, 0, 0.1); //菜单hover背景
// $subMenuHover: rgb(0, 0, 0, 0.1); //目录hover背景

// $sideBarWidth: 200px; //左侧导航展开宽度
// $hideSidebarWidth: 54px; //左侧导航收起宽度
// $topBarHeight: 60px; //顶部导航高度
// $sideBarHeight: 45px; //侧边导航高度
// $topBarOutHeight: var(--topBarOutHeight, 0px); //顶部导航分离高度
// $navbarBg: url('~@/assets/images/layout/navbar.png'); //顶部导航背景颜色/图片
// $navbarOutBg: url('~@/assets/images/layout/navbarOut.png'); //顶部导航分离背景颜色/图片
// $darkText: #ffffff; //dark主题文字颜色
// $lightText: #777575; //light主题文字颜色

//#2
$menuTextColor: #d3cfcf; //菜单文字颜色
$menuActiveTextColor: #1890ff; //菜单文字active颜色
$subMenuActiveTextColor: #d3cfcf; //目录文字active颜色
$sideBarBg: rgb(34, 40, 52); //侧边背景
$menuBg: none; //菜单背景
$subMenuBg: rgb(0, 0, 0, 0.1); //目录背景
$menuHover: rgb(0, 0, 0, 0.5); //菜单hover背景#209e91
$menuActiveBg: rgb(0, 0, 0, 0.5);
$subMenuHover: rgb(0, 0, 0, 0.3); //目录hover背景
$subMenuActiveBg: rgb(0, 0, 0, 0.5);

$sideBarWidth: 200px; //左侧导航展开宽度
$hideSidebarWidth: 54px; //左侧导航收起宽度
$topBarHeight: 60px; //顶部导航高度
$sideBarHeight: 45px; //侧边导航高度
$topBarOutHeight: var(--topBarOutHeight, 0px); //顶部导航分离高度
$navbarBg: rgb(34, 40, 52); //顶部导航背景颜色/图片
$navbarOutBg: url('~@/assets/images/layout/navbarOut.png'); //顶部导航分离背景颜色/图片
$darkText: #eeecec; //dark主题文字颜色
$lightText: #777575; //light主题文字颜色

:export {
  menuTextColor: $menuTextColor;
  menuActiveTextColor: $menuActiveTextColor;
  subMenuActiveTextColor: $subMenuActiveTextColor;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  darkText: $darkText;
  lightText: $lightText;
  topBarHeight: $topBarHeight;
  hideSidebarWidth: $hideSidebarWidth;
  topBarOutHeight: $topBarOutHeight;
  navbarOutBg: $navbarOutBg;
}
